<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盘点详情</title>
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="./InventoryDetails.css" />
    <style>
        .colour{
            height: 70px;
            width: 80px;
            color: #2561ef;
            font-weight: bold;
            padding-top: 20px;
            text-align: center;
            display: block;
        }
        .colour-1{
            display: none;
        }
        .colo{
            display: block;
        }
        </style>
</head>
<body>
    <!-- 顶部 -->
    <div class="InventoryDetails flex aic">
        <i onclick="profit(1)" class="icon-zuojiantou iconfont Details f18"></i>
        <p class="Inventory f18">盘点详情</p>
      </div>
      <!-- 内容 -->
      <ul class="particulars f12">
          <li>
              <span class="t-999 mr-35">盘点单号</span>
              <span>PD20220303009</span>
          </li>
          <li>
              <span class="t-999 mr-35">盘点名称</span>
              <span>日常盘点</span>
          </li>
          <li>
              <span class="t-999 particularsName">盘点人</span>
              <span>晁文琦</span>
          </li>
          <li>
              <span class="t-999 mr-5">预计完成日期</span>
              <span>2022-09-01</span>
          </li>
          <li>
              <span class="t-999 mr-35">资产类别</span>
              <span>全部类别</span>
          </li>
          <li>
              <span class="t-999 mr-35">盘点部门</span>
              <span>产品部;设计部;行政部</span>
          </li>
          <li>
              <span class="t-999 mr-35">存放仓库</span>
              <span>全部</span>
          </li>
      </ul>
      <!-- 资产明细 -->
      <div class="AssetDetails mt-15">
          <!--  -->
          <div class="TotalQuantity ml-20 flex aic">
              <span class="f18 mr-10">资产明细</span>
              <span class="t-999 f12">合计数量</span>
              <span class="liu f12">6</span>
          </div>
          <!--  -->
          <div class="InventorySurplus f16 t-999 flex aic jc-sa">
              <p class="surplur colour" onclick="surplus(1)">未盘点(2)
                <span class="colour-1 colo">●</span>
              </p>
              <p class="surplur" onclick="surplus(2)">已盘点(2)
                <span class="colour-1">●</span>
              </p>
              <p class="surplur" onclick="surplus(3)">盘盈(1)
                <span class="colour-1">●</span>
              </p>
              <p class="surplur" onclick="surplus(4)">盘亏(1)
                <span class="colour-1">●</span>
              </p>
          </div>
          <!-- 未盘点 -->
          <div class="">
          <div onclick="check()" class="ElectronicDetails Electronic-1 t-999 flex fdc jc-c  pl-20">
            <p class="mt-15 mb-5">
                <span class="black f16 mr-5">明基显示屏</span>
                <span class="mr-5 f12">BG000001</span>
                <span class="Electronic f12">待盘点</span>
            </p>
            <span class="f12">资产类型 : 电子及通讯设备</span><br>
            <span class="f12">使用部门 : 产品部</span><br>
            <span class="f12">使用人:晁文琦</span>
        </div>
        <div onclick="check()" class="ElectronicDetails Electronic-2 t-999 flex fdc jc-c pl-20">
            <p class="mt-15 mb-5">
                <span class="black f16 mr-5">明基显示屏</span>
                <span class="mr-5 f12">BG000001</span>
                <span class="Electronic f12">待盘点</span>
            </p>
            <span class="f12">资产类型 : 电子及通讯设备</span><br>
            <span class="f12">使用部门 : 产品部</span><br>
            <span class="f12">使用人:晁文琦</span>
        </div>
          </div>
          <!-- 已盘点 -->
          <!-- 盘盈 -->
          <div class="asrr">
          <div onclick="TakeStock()" class="Counted t-999 flex fdc jc-c pl-20">
            <p class="mt-15 mb-5">
                <span class="black f16 mr-5">明基显示屏</span>
                <span class="mr-5 f12">BG000001</span>
                <span class="InventorySurplus f12">盘盈</span>
            </p>
            <span class="f12">资产类型 : 电子及通讯设备</span><br>
            <span class="f12">使用部门 : 产品部</span><br>
            <span class="f12">使用人:晁文琦</span>
        </div>
        <!-- 盘亏 -->
        <div onclick="TakeStock()" class="Counted-1 t-999  fdc jc-c pl-20">
            <p class="mt-15 mb-5">
                <span class="black f16 mr-5">明基显示屏</span>
                <span class="mr-5 f12">BG000001</span>
                <span class="InventoryLoss f12">盘亏</span>
            </p>
            <span class="f12">资产类型 : 电子及通讯设备</span><br>
            <span class="f12">使用部门 : 产品部</span><br>
            <span class="f12">使用人:晁文琦</span>
        </div>
          </div>
      </div>

      <!-- 底部 -->
      <div class="BottomOfDetails flex aic jc-sa">
          <p onclick="profit(1)" class="OfDetails-1 ml-10">完成盘点</p>
          <p onclick="profit(2)" class="OfDetails-2">添加盘盈</p>
          <p class="OfDetails-3 flex fdc aic mr-10">
              <i class="icon-shanchu iconfont f24"></i>
              <span onclick="Delete(1)" class="f14">删除</span>
          </p>
      </div>
      <!-- 确认删除 -->
      <div class="Deter">
      <div class="Confi">
          <p class="CurrentAssets">确定要删除当前资产吗</p>
          <div class="define flex">
              <p onclick="Delete(2)" class="t-999">取消</p>
              <p onclick="Delete(3)" class="blus">确定</p>
          </div>
      </div>
      <!-- 删除成功 -->
      <div class="Successfull flex fdc">
          <div class="Sucss">
          <img class="Deleted" src="../../../assets/img/assets/tijiao-11.png" alt="">
          <span>删除成功</span>
          </div>
      </div>
      <script src="./InventoryDetails.js"></script>
</body>
</html>